<template>
  <div class="touchButton" @click="buttonTouch" v-bind:style="styleObject">
    {{value}}
  </div>
</template>
<style>
  .touchButton{
    text-align:center;
    font-family:PingFangSC-Regular;
    font-weight:bold;
    border-color:#C8D0D6;
    border-style:solid;
    border-width:1px;
    opacity:1;
    border-radius:5rem;
    font-size:0.8rem;
    color:#FFFFFF;
    background-color:#2CA9FF;
    width:16.75rem;
    lineheight:2.2rem;
  }
</style>
<script>
  export default{
    name:"commonButton",
    data(){
      return{
        imgUrl:serverUrl//服务器地址
      }
    },
    props:{
      value:{//显示文字，默认为查询
        type:String,
        default:"查询"
      },
      styleObject:{
        type:Object,
        default:function(){
          return {
          }
        }
      },
      clickMethod:{
        type:Function,
        default:function(){
          alert("hello");
        }
      }
    },
    methods:{
      buttonTouch(){
        this.clickMethod();
      }
    }
  }
</script>
